$(function() {
	/*
		1.事件需要绑定为document
		2.参数需要传递2个，分别是e，d
	*/
	var num = 0; // 虚拟一个索引值
	var timer = null;

	function jump(index) {
		$('.gps li').eq(index).addClass('current').siblings().removeClass();
		$(this).addClass('current').siblings().removeClass(); //屏幕的工作
		$('.content').animate({
			top: -index * 100 + '%'
		}, 500); //指示器工作

		$('.content>div').eq(index).removeClass('out').siblings().addClass('out');
		num = index; //索引值同步
	}

     //导航栏跳转
	$(".page1-nav ul>li a").click(function() {
			jump(this.lang);
		})
	// 点击指示器
	$('.gps li').click(function(e) {
		jump($(this).index());
	});

	// 页面加载的时候第一屏元素入场 
	$('.content>div').eq(num).removeClass('out').siblings().addClass('out');
	//	捕获鼠标滚动事件
	$(document).mousewheel(function(e, d) {
		// 向上滚动是+1 ，向下滚动是 -1
		clearTimeout(timer)
		timer = setTimeout(fn, 300)

		function fn() {
			num -= d; // 根据插件特性，创造虚拟索引值数据
			if (num > 4) {
				num = 4
			} // 数据需要验证
			if (num < 0) {
				num = 0
			}
			// 使用数据
			$('.content').animate({
					top: -num * 100 + '%'
				}, 500) //屏幕的工作
			$('.gps li').eq(num).addClass('current').siblings().removeClass(); //指示器工作
			$('.content>div').eq(num).removeClass('out').siblings().addClass('out');

		}

	})

	//手机主题的传统轮播
	var imageAmount = $(".chuantong ul li").length;

	$(".chuantong ul li").clone().appendTo(".chuantong ul");

	var nowimg = 0;
	var $ul = $(".chuantong ul");
	var speed = 500;
	var intervalTime = 2000;

	function rightButFunc() {
		if (nowimg < imageAmount - 1) {
			nowimg++;
			$ul.animate({
				"left": -204 * nowimg
			}, speed);
		} else {
			$ul.animate({
				"left": -204 * imageAmount
			}, speed, function() {
				$(this).css("left", 0);
			});
			nowimg = 0;
		}
	}

	var t = setInterval(rightButFunc, intervalTime);

	$(".chuantong").mouseenter(function() {
		clearInterval(t);
	})

	$(".chuantong").mouseleave(function() {
		clearInterval(t);
		t = setInterval(rightButFunc, intervalTime);
	})


//-------\







// 点击小图banner的时候所发生的事情
            $('.page2 .page2-in ul li.small-banner a').click(function(){
               $('.window-bg').show();
                $('.big-ban').show();
                $('.page2-in').hide();
                return false;

            })
            $('.big-ban .closed').click(function () {
                $('.window-bg').hide();
                $('.big-ban').hide();
                $('.page2-in').show();
            })

            // 点击小图app的时候所发生的事情
            $('.page2 .page2-in ul li.small-app a').click(function(){
                $('.window-bg').show();
                $('.big-app').show();
                $('.page2-in').hide();
                return false;
            })
            $('.big-app .closed').click(function () {
                $('.window-bg').hide();
                $('.big-app').hide();
                $('.page2-in').show();
            })

            // 点击小图vi的时候所发生的事情
            $('.page2 .page2-in ul li.small-VI a').click(function(){
                $('.window-bg').show();
                $('.big-vi').show();
                $('.page2-in').hide();
                return false;
            })
            $('.big-vi .closed').click(function () {
                $('.window-bg').hide();
                $('.big-vi').hide();
                $('.page2-in').show();
            })

            // 点击小图website的时候所发生的事情
            $('.page2 .page2-in ul li.small-website a').click(function(){
                $('.window-bg').show();
                $('.big-web').show();
                $('.page2-in').hide();
                return false;
            })
            $('.big-web .closed').click(function () {
                $('.window-bg').hide();
                $('.big-web').hide();
                $('.page2-in').show();
            })

            // 点击小图icon的时候所发生的事情
            $('.page2 .page2-in ul li.small-Icon a').click(function(){
                $('.window-bg').show();
                $('.big-icon').show();
                $('.page2-in').hide();
                return false;
            })
            $('.big-icon .closed').click(function () {
                $('.window-bg').hide();
                $('.big-icon').hide();
                $('.page2-in').show();
            })

            // 点击小图移动web的时候所发生的事情
            $('.page2 .page2-in ul li.small-yidong a').click(function(){
                $('.window-bg').show();
                $('.big-mobile').show();
                $('.page2-in').hide();
                return false;
            })
            $('.big-mobile .closed').click(function () {
                $('.window-bg').hide();
                $('.big-mobile').hide();
                $('.page2-in').show();
            })

            jQuery(".fullSlide").slide({ mainCell:"ul", effect:"fold",  autoPlay:true, mouseOverStop:false });



	//----end ---

})